<template>
  <div>
    <div class="wrap">
      <div class="tou">
        <router-link to="/shezhi">
          <img class="img1" src="../../assets/个人中心/1个人中心/jiantou.png"/>
        </router-link>
        <p>账户管理</p>
      </div>
      <div class="phone">
        <img src="../../assets/个人中心/1个人中心/shouji.png"/>
        <p>手机号:</p>
        <span>150123456789</span>
      </div>
    </div>
  </div>
</template>

<script>
</script>

<style>
  .tou{
    width: 100%;
    height: 2.666rem;
    background: #e53e42;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tou .img1{
    width: 0.638rem;
    height: 1.055rem;
    position: absolute;
    top: 1rem;
    left: 0.555rem;
  }
  .tou p{
    position: absolute;
    bottom: 0.972rem;
    height: 0.972rem;
    font-size: 1rem;
    letter-spacing: 0;
    color: #ffffff;
  }
  .phone{
    width: 100%;
    height: 2.722rem;
    border: 1px solid #CCCCCC;
    background: white;
    display: flex;
    align-items: center;
    position: relative;
  }
  .phone img{
    width: 0.611rem;
    height: 0.833rem;
    margin-left: 0.555rem;
  }
  .phone p{
    font-size: 0.777rem;
    height: 0.722rem;
    line-height: 0.833rem;
    margin-left: 0.694rem;
  }
  .phone span{
    height: 0.722rem;
    font-size: 0.777rem;
    line-height: 0.8333rem;
    margin-left: 1rem;
  }
</style>
